#{extends 'main.html' /}

<div id="div_registration">
        <h1>&{'Registration form'}</h1>
        #{form @Registration.userRegistration()}
                #{if flash.error}
                        <p class="error">
                                &{flash.error}
                        </p>
                #{/if}
                #{if flash.success}
                        <p class="success">
                        &{flash.success}
                        </p>
                #{/if}

                <p id="userdeviceSn-field">
                        <label for="deviceSn">&{'deviceSn'}</label>
                        <input type="text" name="deviceSn" id="deviceSn" />
                </p>
                <p id="userdeviceType-field">
                        <label for="deviceType">&{'deviceType'}</label>
                        <input type="text" name="deviceType" id="deviceType" value="deviceType" />
                </p>
                <p id="username-field">
                        <label for="name">&{'name'}</label>
                        <input type="text" name="name" id="name" value="name" />
                </p>
                <p id="userlastname-field">
                        <label for="lastname">&{'lastname'}</label>
                        <input type="text" name="lastname" id="lastname" value="lastname" />
                </p>
                <p id="userzip-field">
                        <label for="zip">&{'zip'}</label>
                        <input type="text" name="zip" id="zip" value="12343" />
                </p>
                <p id="usercountry-field">
                        <label for="country">&{'country'}</label>
                        <input type="text" name="country" id="country" value="USA" />
                </p>
                <p id="userstateProvince-field">
                        <label for="stateProvince">&{'stateProvince'}</label>
                        <input type="text" name="stateProvince" id="stateProvince" value="Massachusett" />
                </p>
                <p id="usercity-field">
                        <label for="city">&{'city'}</label>
                        <input type="text" name="city" id="city" value="Boston" />
                </p>
                <p id="useremail-field">
                        <label for="email">&{'email'}</label>
                        <input type="text" name="email" id="email" value="bob@hotmail.com" />
                </p>
                <p id="userphone-field">
                        <label for="phone">&{'phone'}</label>
                        <input type="text" name="phone" id="phone" value="911" />
                </p>
                <p id="userfacebook-field">
                        <label for="facebook">&{'facebook'}</label>
                        <input type="text" name="facebook" id="facebook" value="something" />
                </p>
                <p id="registration-field">
                        <input type="submit" id="userRegistration" value="&{'registration'}" />
                </p>
        #{/form}
</div>